<div ms-controller="myVideos" class="white myVideos" id="myVideos">
    <div class="container">
        <ul ms-if="logon!=''" class="mylogon">
            <li><span>{{nickname}}</span></li>
            <li><a class="logout" ms-click="logout()">退出登录</a></li>
            <li>|<a href="#!/myRegister" class="registerrecord">我的登记</a></li>
        </ul>
    </div>
    <div class="searchOpts of-h" style="">
            <div class="header" style="text-align: center;padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;padding-top:10px;">
                <h4>我的视频</h4>
            </div>
        <div class="searchInput" ms-if="logon==''" style="text-align: center;">
            <span ms-if="$setting.enableQQAuth">
            	<input ms-duplex="uri" type="hidden">
    			<span ms-if="logon==''">
                    <!--<a ms-click="showAvaDialog('myVideosavadialog')" ms-if="logon!='QQLogon'" class="ava-ico " title="青鹿登录">青鹿登录</a>-->
                    <a ms-click="showDialog('myVideosdialog')" ms-if="logon!='avaLogon'" class="qq-ico " title="QQ登录">点击进行<i class="c33aeff">QQ登录</i></a>
                </span>
                
               	 <span ms-if="logon!=''">
               	 <span ms-if="logon=='QQLogon'" class="qq-ico active"></span>
                <span ms-if="logon=='avaLogon'" class="ava-ico active"></span> 
                            已登录</span>
            </span>
            <span ms-if="!$setting.enableQQAuth">
                <span style="margin-right: 10px;">教职工号登记</span>
                <input name="zgbh" style="margin: 0!important;" type="text" ms-duplex="zgbh" placeholder="请输入职工编号">
                <button class="btn" ms-click='stafflogon()'>登录</button>
            </span>
        </div>
        <div class=" searchInput" ms-if="logon!=''" style="text-align: center;">
            
            <input type="text" placeholder="输入课室或标题" ms-duplex="searchkey"></input>
            <input type="text" placeholder="开始时间" class="dateui" ms-duplex="startTime"></input>至
            <input type="text" placeholder="结束时间" class="dateui" ms-duplex="endTime"></input>
            <button ms-click="searchVideos()" class="btn">搜索</button>
        </div>
    </div>
    <div class="table" ms-if="showTable&&recordVideoList.length!=0">
        <table id="" class="table-striped table-bordered" width="100%" style="">
            <thead>
                <tr>
                    <th>
                        课室
                    </th>
                    <th>
                        标题
                    </th>
                    <th>
                        主讲人
                    </th>
                    <th>
                        录制时间
                    </th>
                    <th>
                        时长
                    </th>
                    <th>
                        文件大小
                    </th>
                    <th style="width: 205px;">
                        下载
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr ms-repeat-tr="recordVideoList">
                    <td>{{tr.recordEquipmentName}}</td>
                    <td>{{tr.title}}</td>
                    <td>{{tr.speaker}}</td>
                    <td>{{tr.startTimeTip}}</td>
                    <td>{{tr.periodTip}}</td>
                    <td>{{tr.fileSizeTip}}</td>
                    <td class="text-center">
                        <span class="td-dl"  ms-class="disabled:!tr.fileNameUri">
                            <a ms-href="tr.fileNameUri" ms-if="tr.fileNameUri" ms-attr-download="tr.title">平台资源下载</a>
                            <span  ms-if="!tr.fileNameUri">平台未归档</span>
                        </span>
                        <span class="td-dl" ms-class="disabled:!tr.downloadUri">
							<a target="_blank" ms-href="tr.downloadUri" ms-if="tr.downloadUri" onclick="alert('当从录播下载视频时，请确认录播正常开启。否则无法下载视频。');">录播资源下载</a>
                            <span  ms-if="!tr.downloadUri">视频录制中</span>
						</span>
                        
                    </td>
                </tr>
            </tbody>
        </table>
        <div ms-widget="pager,listPager,pager" ms-if="pager.pageCount != 1" class="pull-right"></div>
    </div>
    <div ms-if="logon==''" class="table">
        <div class="text-center" >
            请使用<i style="font-style: normal;">{{$setting.enableQQAuth?'QQ':'教职工号'}}</i>进行录制登记及录制视频下载
        </div>
    </div>
    <div ms-if="showTable&&recordVideoList.length==0" class="table">
        <div class="text-center" style="padding-top: 20px;border-top: 1px solid #eee;">
            {{defaultAlert}}
        </div>
    </div>
    <div ms-widget="dialog,myVideosdialog,dialogOpts" class="no-footer">
        <iframe src="" id="iframe" width="100%" height="500" frameborder="0"></iframe>
    </div>
    <div ms-widget="dialog,myVideosavadialog,avaDialogOpts" class="no-footer" style="text-align: center;">
    	<div style="padding: 50px 50px">
    		<div class="line" >
            <span class="inline-block" style="width: 75px;">青鹿账号</span>
            <input type="text" name="ava_name" style="width: 300px;"></input>
        </div>
        <div class="line" >
            <span class="inline-block" style="width: 75px;">密码</span>
            <input type="password" name="ava_password" style="width: 300px;"></input>
        </div>
        <div class="line text-center">
            <button class="btn" ms-click="avalogon('myVideosavadialog')"> 登记 </button>
        </div>
    	</div>
        
    </div>
</div>
